@charset "gb2312";

.content-wrap {
    width: 100%;
    height: auto;
    background-color: #000329;
}

/* banner背景图 */
.banner-wrap {
    width: 100%;
    height: 644px;
    text-align: center;
    background-color: #000329;
}

.banner-wrap img {
    margin: 0 auto;
}

.main-wrap {
    width: 100%;
    height: auto;
    padding-bottom: 20px;
    background: url(../image/body-bg.jpg) no-repeat top center;
}

.middle-wrap {
    width: 1100px;
    height: auto;
    margin: 0 auto;
    position: relative;
}

.panada-wrap {
    width: 1087px;
    height: 90px;
    position: absolute;
    z-index: 999;
    top: -75px;
    left: 47px;
}

.sec-nav {
    width: 1100px;
    height: 90px;
    margin: 0 auto;
    background-color: #2A0081;
    border-radius: 4px;
    /* position: relative; */
}

.sec-nav .home {
    display: block;
    width: 220px;
    height: 90px;
    line-height: 90px;
    text-align: center;
    float: left;
    cursor: pointer;
}

.sec-nav .home a {
    width: 220px;
    height: 90px;
    display: block;
    font-style: normal;
    font-size: 32px;
    color: #fff;
}

.sec-nav div {
    width: 220px;
    height: 90px;
    line-height: 90px;
    text-align: center;
    float: left;
    cursor: pointer;
    /* background: url(../image/nav-bg.png) repeat-x; */
}

.sec-nav div a {

    width: 220px;
    height: 90px;
    display: block;
    font-style: normal;
    font-size: 32px;
    color: #fff;
}

.sec-nav div:hover {
    background-color: #8224A0;
}

/* .sec-nav .act{
    background-color: #8224A0;
} */
.xcwzq-wrap {
    width: 1020px;
    height: 510px;
    background: #fff;
    margin: 0 auto 60px;
    background-color: #0077E7;
    /* box-shadow: 3px 3px 10px #bcbab9; */
}

.main-left {
    width: 629px;
    height: 445px;
    float: left;
    margin-right: 32px;
    margin-top: 32px;
    margin-left: 30px;
    position: relative;
}

.swiper-banner {
    width: 629px;
    height: 445px;
    position: relative;
}

.swiper-banner .slide-items {
    font-size: 0;
    position: relative;
    border-radius: 4px;
}

.slide-a {
    display: inline-block;
    width: 629px;
    height: 445px;
}

.slide-items {
    width: 629px;
    height: 445px;
}

.slide-a {
    display: inline-block;
    width: 629px;
    height: 445px;
}

.slide-a img {
    width: 629px;
    height: 445px;
    border-radius: 4px;
}

.swiper-banner .slide-items .slide-tit {
    width: 558px;
    height: 80px;
    line-height: 80px;
    padding: 0 0px 0 80px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.65);
    background: url(../images/ie/dot-gray.png) repeat\9;
}

.swiper-banner .slide-items .slide-tit a {
    font-size: 30px;
    color: #fff;
}

/* 总页数*/
.main-left .index-wrap {
    width: 60px;
    height: 80px;
    line-height: 80px;
    color: #fff;
    font-size: 40px;
    text-align: center;
    background: #c30d23;
    bottom: 0;
    left: 0;
    left: auto;
    position: absolute;
    z-index: 9999;
}

.swiper-banner .swiper-button-prev {
    width: 47px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    background-image: url(../image/arrow-left.png);
    left: 10px;
    right: auto;
}

.swiper-banner .swiper-button-next {
    width: 47px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    background-image: url(../image/arrow-right.png);
    right: 10px;
    left: auto;
}


/* 右侧滚动 */
.main-right {
    width: 290px;
    height: 445px;
    overflow: hidden;
    float: left;
    margin-top: 32px;
}

.main-right .swiper-list {
    width: 290px;
    height: 445px;
    overflow: hidden;
}

.swiper-list .list-items {
    width: 290px;
    height: 208px;
    margin-bottom: 18px;
    position: relative;
    border-radius: 4px;
}

/* .list-a{
    width: 290px;
	height: 208px;
} */
.swiper-list .list-items img {
    width: 100%;
    height: 100%;
    border-radius: 4px;
}

.swiper-list .list-items a {
    width: 290px;
    height: 208px;
    display: inline-block;
    font-size: 0;
}

.swiper-list .list-items p {
    width: 274px;
    height: 40px;
    padding: 0 10px;
    line-height: 40px;
    background: rgba(0, 0, 0, .8);
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    font-size: 20px;
    font-weight: normal;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* 舒适度评测 */
.spjd-wrap {
    width: 1020px;
    height: auto;
    margin: 0 auto 60px;
    background-color: #0C7BE3;
    border-radius: 4px;
}

.nvh-wrap {
    width: 1020px;
    height: auto;
    margin: 0 auto 60px;
    background-color: #0C7BE3;
    border-radius: 4px;
}

.xctj-wrap {
    width: 1020px;
    height: auto;
    margin: 0 auto 60px;
    background-color: #0C7BE3;
    border-radius: 4px;
}

.spjd-tit,
.nvh-tit,
.xctj-tit {
    width: 100%;
    height: 95px;
    position: relative;
    margin-bottom: 20px;
}

.xctj-tit a {
    display: block;
    width: 106%;
    height: 90px;
    background: url(../image/xcsd-tit.png) no-repeat;
    background-size: unset;
    position: absolute;
    left: -39px;
    top: 5px;
}

.nvh-tit a {
    display: block;
    width: 106%;
    height: 90px;
    background: url(../image/nvh-tit.png) no-repeat;
    background-size: unset;
    position: absolute;
    left: -39px;
    top: 5px;
}

.spjd-tit a {
    display: block;
    width: 106%;
    height: 90px;
    background: url(../image/spjd-tit.png) no-repeat;
    background-size: unset;
    position: absolute;
    left: -39px;
    top: 5px;
}

.spjx-con,
.nvh-con {
    width: 1020px;
    height: auto;
    float: left;
}

.spjd-left {
    width: 480px;
    height: 378px;
    float: left;
    margin: 0px 18px 16px 32px;
    border-radius: 4px;
}

.nvh-left {
    width: 480px;
    height: 378px;
    float: left;
    margin: 0px 18px 16px 32px;
    border-radius: 4px;
    position: relative;
}

.nvh-left a {
    display: inline-block;
    width: 480px;
    height: 378px;
}

.nvh-left a img {
    width: 100%;
    height: 100%;
}

.nvh-left a p {
    width: 460px;
    height: 80px;
    padding: 0 10px;
    line-height: 80px;
    background: rgba(0, 0, 0, .8);
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    font-size: 26px;
    font-weight: normal;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.spjd-right,
.nvh-right {
    margin-left: 40px;
}

.spjd-right ul li,
.nvh-right ul li {
    position: relative;
    width: 220px;
    height: 180px;
    margin-right: 20px;
    margin-left: 5px;
    margin-bottom: 18px;
    float: left;
    border-radius: 4px;
}

.spjd-right ul li img,
.nvh-right ul li img {
    width: 100%;
    height: 100%;
    border-radius: 4px;
}

.spjd-right ul li p,
.nvh-right ul li p {
    width: 200px;
    height: 40px;
    padding: 0 10px;
    line-height: 40px;
    background: rgba(0, 0, 0, .8);
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    font-size: 18px;
    font-weight: normal;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* //新车速递 */
.tj-list {
    width: 1020px;
    height: auto;
}

.tj-list ul li {
    width: 1020px;
}

.tj-list ul li a {
    margin-left: 32px;
    margin-right: 70px;
    margin-bottom: 30px;
    height: 286px;
    display: inline-block;
}

.tj-wrap {
    width: 942px;
    height: 286px;
    display: flex;
}

.tj-img {
    /* float: left; */
    position: relative;
    width: 478px;
    height: 286px;
    margin-right: 30px;
}

.tj-img img {
    width: 478px;
    height: 286px;
    border-radius: 4px;
}

.tj-img-title {
    /* float: left; */
    margin: 15px 0;
    cursor: pointer;
}

.tj-img-title h3 {
    color: #fff;
    width: 450px;
    height: 100px;
    line-height: 50px;
    overflow: hidden;
    font-weight: 500;
    font-size: 30px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 130px;
}

.tj-img-title .tj-title-info {
    width: 450px;
    height: 40px;
    line-height: 40px;
    font-size: 28px;
    color: #fff;
    display: flex;
}

.tj-title-info div:first-child {
    width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 100px;
}

.tj-title-info div:last-child {
    width: 180px;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;


}

i.iconfont {
    font-size: 20px;
    margin-right: 5px;
}

/* //展开更多 */
.load-more {
    position: relative;
    top: -6px;
    width: 250px;
    height: 50px;
    line-height: 50px;
    border-radius: 5px;
    text-align: center;
    color: #fff;
    font-weight: 400;
    font-size: 24px;
    background: #53179D;
    cursor: pointer;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 80px;
}

#xctj-more {
    position: relative;
    top: -6px;
    width: 250px;
    height: 50px;
    line-height: 50px;
    border-radius: 5px;
    text-align: center;
    color: #fff;
    font-weight: 400;
    font-size: 24px;
    background: #53179D;
    cursor: pointer;
    margin: 20px auto;
}

.bottom-logo {
    width: 100%;
    height: 60px;
    padding: 200px 0px;
    text-align: center;
}

.bottom-logo div {
    width: 229px;
    height: 60px;
    margin: 0 auto;
    text-align: center;
}

.bottom-logo div img {
    width: 229px;
    height: 60px;
}

.bottom {
    width: 100%;
    height: 20px;
    background-color: #000329;
}

/* 侧边滚动条 */
.side-bar-wrap {
    width: 1030px;
    height: 0;
    margin: 0 auto;
}

.side-bar {
    position: relative;
    width: 357px;
    height: 838px;
    position: fixed;
    top: 30%;
    right: 0;
    z-index: 999;
}

.side-bar-body {
    width: 357px;
    height: 838px;
    margin-bottom: 15px;
    background: url(../image/slide-bar.png) no-repeat top center;
}

.side-bar-body ul {
    width: 357px;
    height: 230px;
    padding: 280px 0px 0px 0px;
}

.side-bar-body ul li {
    width: 357px;
    height: 36px;
    margin-bottom: 10px;
}

.side-bar-body ul li a {
    display: block;
    width: 357px;
    height: 36px;
}

.side-bar-body ul .back-top {
    display: block;
    width: 357px;
    height: 44px;
    /* margin-top:15px; */
    cursor: pointer;
}

.side-bar-foot {
    width: 100px;
    height: 200px;
    margin-bottom: 15px;
    /* position:fixed;
	right:0;
	bottom:0; */
}

.side-bar-foot .ewm-wrap {
    position: absolute;
    bottom: 215px;
    left: 176px;
    width: 80px;
    height: 80px;
    text-align: center;
    margin-bottom: 5px;
}

.side-bar-foot .ewm-wraps {
    position: absolute;
    bottom: 50px;
    left: 176px;
    width: 80px;
    height: 80px;
    text-align: center;
    margin-bottom: 5px;
}

.side-bar-foot img {
    width: 80px;
    height: 80px;
}

.side-bar-foot .ewm-wrap p {
    font-size: 12px;
    color: #000;
    text-align: center;
}

/* .底部填充 */
.bottom {
    width: 100%;
    min-height: 100px;
    background-color: #000;
}
/*20181031*/
.footer-wrap .footer-con .left .foot-logo{
	background: url(../image/logo.png) no-repeat left center;
	background-size: 160px auto;
	padding-left:200px;
}
/* 视频弹框 */
.mask {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #000;
    z-index: 999;
}
.close {
    width: 20px;
    height: 20px;
    margin-left: 30px;
    margin-top: 30px;
}
.video-wrap {
    padding: 0 50px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    position: relative;
    width: 1200px;
    height: 900px;
}
.nvh-left .play-btn {
    width: 80px;
    height: 80px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -30px;
    margin-left: -30px;
    background: url(../image/play.png) no-repeat center center;
    background-size: 100%;
    z-index: 999;
}
.close {
    width: 20px;
    height: 20px;
    margin-left: 30px;
    margin-top: 30px;
}
.close img {
    width: 100%;
    height: 100%;
}